<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu"%>
<html>
<head>
<title><s:text name="title" />
</title>
<sx:head extraLocales="en_us,zh" />
<meta name="description" content="<s:text name="description"></s:text>" />
<meta name="keywords" content="<s:text name="keywords"></s:text>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<s:url id="nicetabs_js" value="/scripts/nicetabs.js" />
<script type="text/javascript" src="${nicetabs_js}"></script>
<s:url id="global_css" value="/styles/global.css" />
<link rel="stylesheet" type="text/css" media="screen" href="${global_css}" />
<s:url id="nicetabs_css" value="/styles/nicetabs.css" />
<link rel="stylesheet" type="text/css" media="screen" href="${nicetabs_css}" />
</head>
<body>
	<!-- logo区/菜单栏目区 -->
	<s:include value="/header_menu.jsp" />
	<div id="registerContent" class="customerRegisterClass">
		<s:form name="customerRegisterForm" action="customerRegister!save" validate="true">
			<s:textfield label="%{getText('userNameId.label')}" id="userNameId" name="customer.userName" size="26"
				tooltip="%{getText('userNameId.tooltip')}" title="%{getText('userNameId.tooltip')}" required="true" />

			<s:password label="%{getText('passwordId.label')}" id="passwordId" name="customer.password" size="26"
				tooltip="%{getText('passwordId.tooltip')}" title="%{getText('passwordId.tooltip')}" required="true" />
			<s:password label="%{getText('repassWordId.label')}" id="repassWordId" name="customer.repassWord" size="26"
				tooltip="%{getText('repassWordId.tooltip')}" title="%{getText('repassWordId.tooltip')}" required="true" />

			<s:radio label="%{getText('genderId.label')}" id="genderId" name="customer.gender" list="motherList" listKey="code"
				listValue="name"></s:radio>

			<s:doubleselect id="provinceCodeId" label="%{getText('provinceCodeId.label')}" formName="customerRegisterForm"
				list="provinceList" listKey="code" listValue="name" name="customer.provinceCode" headerKey="-1"
				headerValue="%{getText('provinceCodeId.headerValue')}" required="true" doubleId="cityCodeId"
				doubleList="cityMap.get(top.code)" doubleListKey="code" doubleListValue="name" doubleName="customer.cityCode"
				doubleHeaderKey="-1" doubleHeaderValue="%{getText('provinceCodeId.doubleHeaderValue')}"></s:doubleselect>


			<s:textfield id="mobileNumberId" label="%{getText('mobileNumberId.label')}" name="customer.mobileNumber" size="26"
				tooltip="%{getText('mobileNumberId.tooltip')}" title="%{getText('mobileNumberId.tooltip')}" required="true" />

			<s:textfield id="emailId" label="%{getText('emailId.label')}" name="customer.email" size="26" required="true"
				tooltip="%{getText('emailId.tooltip')}" title="%{getText('emailId.tooltip')}" />

			<tr align="left">
				<td colspan="2" align="center"><img id="validateImageId" name="validateImage" src="validateImage.action" /></td>
			</tr>


			<s:textfield id="validateImageCodeId" label="%{getText('validateImageCodeId.label')}" name="validateImageCode"
				size="26" required="true"></s:textfield>


			<s:radio id="babyStatusId" label="%{getText('babyStatusId.label')}" name="customer.babyStatus" list="babyStatusList"
				listKey="code" listValue="name"></s:radio>
			<sx:datetimepicker id="babyBirthdayId" label="%{getText('babyBirthdayId.label')}" name="customer.babyBirthday"
				language="en" displayFormat="yyyy-MM-dd" />

			<s:textfield id="babyNameId" label="%{getText('babyNameId.label')}" name="customer.babyName" size="26" />

			<sx:datetimepicker id="motherBirthdayId" label="%{getText('motherBirthdayId.label')}" name="customer.motherBirthday"
				language="en" displayFormat="yyyy-MM-dd" />

			<s:select id="motherEducationLevelId" label="%{getText('motherEducationLevelId.label')}" list="educationLevelList"
				listKey="code" listValue="name" name="customer.motherEducationLevel" headerKey="-1"
				headerValue="%{getText('motherEducationLevelId.headerValue')}"></s:select>

			<sx:datetimepicker id="fatherBirthdayId" label="%{getText('fatherBirthdayId.label')}" name="customer.fatherBirthday"
				language="en" displayFormat="yyyy-MM-dd" />
			<s:select id="fatherEducationLevelId" label="%{getText('fatherEducationLevelId.label')}" list="educationLevelList"
				listKey="code" listValue="name" name="customer.fatherEducationLevel" headerKey="-1"
				headerValue="%{getText('fatherEducationLevelId.headerValue')}"></s:select>

			<s:select id="familyIncomeLevelId" label="%{getText('familyIncomeLevelId.label')}" list="familyIncomeLevelList"
				listKey="code" listValue="name" name="customer.familyIncomeLevel" headerKey="-1"
				headerValue="%{getText('familyIncomeLevelId.headerValue')}"></s:select>

			<s:submit id="submitId" label="%{getText('submitId.label')}" name="submit" value="%{getText('submitId.label')}"></s:submit>

		</s:form>
	</div>
</body>
</html>